<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
	<th:block th:include="include :: header('保证金支付单打印')" />
	<style type="text/css">
	body {
			overflow-x: auto;
		}
		table {
			font-size: 12px;
			font-weight:500;
			font-family: 线体;
			margin-left: 80px;
	    	border-collapse: collapse;
		}
	    table, tr, td{
		    text-align: center;
		    width: 1100px;
		    height: 30px;
		}
		.items td{ height:30px; border: 1px solid black;}
		
		@media print{
		   body {
		       height: auto !important;
		   }
		}
	</style>
</head>
<body class="white-bg">
    <table style="margin-top: 0px;">
		<!-- 打印网页时通过hidden-print隐藏元素 -->
	    <div class="text-right hidden-print">
	        <input th:value="${obj.id}" type="hidden" id="id" name="id" />
            <button id="button-yes" type="button" class="btn btn-sm btn-primary" ><i class="fa fa-check"></i>审核通过</button>&nbsp;
            <button id="button-no" type="button" class="btn btn-sm btn-danger" ><i class="fa fa-remove"></i>审核拒绝</button>&nbsp;
            <button type="button" class="btn btn-sm btn-danger" onclick="closeItem()"><i class="fa fa-reply-all"></i>关 闭 </button>
	    </div>
	    <tr>
			<td style="width: 7%">&nbsp;</td>
			<td style="width: 15%">&nbsp;</td>
			<td style="width: 20%">&nbsp;</td>
			<td style="width: 7%">&nbsp;</td>
			<td style="width: 7%">&nbsp;</td>
			<td style="width: 10%">&nbsp;</td>
			<td style="width: 10%">&nbsp;</td>
			<td style="width: 10%">&nbsp;</td>
		</tr>
		<tr style="height: 60px;">
			<td><img style="height: 30px" src="/ruoyi.png"></td>
			<td colspan="7" style="font-size: 30px;font-family: 线体;font-weight:500;">湖北鄂能电力建设有限公司-服务费支付单</td>
		</tr>
		<tr>
			<td>编号：<span th:text="${obj.orderNo}"></span></td>
			<td colspan="7" style="font-size: 12px;font-family: 线体;font-weight:500;">
			<b><span th:text="${#dates.format(obj.sqrAt, 'yyyy年MM月dd日')}"></span></b>
			</td>
		</tr>
	</table>
	<table class="items">
		<tr>
			<td style="width: 12%"><b>项目名称</b></td>
			<td th:text="${obj.gcProjectname}" style="text-align: left;">&nbsp;</td>
			<td style="width: 12%"><b>付款申请人</b></td>
			<td style="width: 30%" colspan="3" th:text="${obj.fksqr}">&nbsp;</td>
		</tr>
		<tr>
			<td style="width: 12%"><b>单位名称</b></td>
			<td style="width: 30%;text-align: left;" th:text="${obj.skdw}">&nbsp;</td>
			<td style="width: 22%"><b>纳税识别号/身份证号</b></td>
			<td style="width: 12%" colspan="3" th:text="${obj.nsrsbh}">&nbsp;</td>
		</tr>
		<tr>
			<td style="width: 12%"><b>开户银行</b></td>
			<td style="width: 30%;text-align: left;" th:text="${obj.khyh}">&nbsp;</td>
			<td style="width: 22%"><b>账号信息</b></td>
			<td style="width: 12%" colspan="3" th:text="${obj.skzh}">&nbsp;</td>
		</tr>
		<tr>
			<td style="width: 12%"><b>序&nbsp;&nbsp;&nbsp;&nbsp;号</b></td>
			<td style="width: 30%" colspan="2"><b>支付事项摘要说明</b></td>
			<td style="width: 12%"><b>支付金额</b></td>
<!-- 			<td style="width: 12%"><b>支付方式</b></td> -->
			<td style="width: 24%" colspan="2"><b>备注</b></td>
		</tr>
		<tr th:each="lis,status:${obj.gcBszbzfditem}">
			<td style="width: 12%" th:text="${status.count}">&nbsp;</td>
			<td style="width: 30%" colspan="2" th:text="${lis.descs}">&nbsp;</td>
			<td style="width: 12%" th:text="${lis.jine}">&nbsp;</td>
<!-- 			<td style="width: 12%" th:text="${lis.type}">&nbsp;</td> -->
			<td style="width: 24%" colspan="2" th:text="${lis.memo}">&nbsp;</td>
		</tr>
		<tr>
			<td style="width: 12%"><b>合计金额(大写)</b></td>
			<td style="width: 30%" colspan="2" th:text="${obj.heje}">&nbsp;</td>
			<td style="width: 12%">¥<span th:text="${obj.hejexx}"></span></td>
			<td style="width: 22%" colspan="2">&nbsp;</td>
		</tr>
	</table>
    <th:block th:include="include :: footer" />
    <script type="text/javascript">
        function printPage() {
            window.print();
        }
        
        $("#button-yes").click(function(){
	    	$.modal.confirm("确认要审核通过吗?", function() {
	    		$.ajax({
    				url: "/gcgl/bszbzfd/zjlyes",
    				type: "post",
    				data: { "ids": $("#id").val() },
    				dataType: 'json',
    				success: function(data) {
    					$.operate.saveReload(data);
    				},
    				error: function(xhr, type, errorThrown) {
    					//异常处理；
    					$.modal.alert("请稍后再试！");
    					$.operate.saveReload(data);
    				}
    			});
	    	});
	    })
	    
	    $("#button-no").click(function(){
	    	$.modal.confirm("确认要审核拒绝吗?", function() {
	    		$.ajax({
    				url: "/gcgl/bszbzfd/zjlno",
    				type: "post",
    				data: { "ids": $("#id").val() },
    				dataType: 'json',
    				success: function(data) {
    					$.operate.saveReload(data);
    				},
    				error: function(xhr, type, errorThrown) {
    					//异常处理；
    					$.modal.alert("请稍后再试！");
    					$.operate.saveReload(data);
    				}
    			});
	    	});
	    })
    </script>
</body>
</html>